/* pages/user/user.wxss */
page {
  background-color: #edece8;
}

.userinfo-wrap {
  height          : 45vh;
  position        : relative;
  overflow        : hidden;
  background-color: var(--themeColor);

  .userinfo-img-wrap {

    .blur {
      height: 55vh;
      filter: blur(6px);
    }


    .userinfo {
      position : absolute;
      left     : 50%;
      top      : 30%;
      transform: translateX(-50%);

      image {
        height       : 150rpx;
        width        : 150rpx;
        border-radius: 50%;
        overflow     : hidden;
      }

      .userinfo-name {
        color     : #ffffff;
        text-align: center;
        margin-top: 50rpx;
      }
    }
  }

  .userinfo-login {
    position : absolute;
    left     : 50%;
    top      : 30%;
    transform: translateX(-50%);

    navigator {
      height       : 150rpx;
      width        : 150rpx;
      border-radius: 50%;
      font-size    : 36rpx;
      line-height  : 150rpx;
      text-align   : center;
      color        : #ffffff;
      border       : 1px solid currentColor;
    }
  }

}

// 单纯文字条通用样式
.common-textview {
  background-color: #ffffff;
  border-bottom   : 2px solid #edece8;
  padding         : 18rpx;
  position: relative;

  button{
    width: 100%;
    height: 100%;
    border: 0;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
  }
}

.userinfo-content {
  position : relative;
  font-size: 24rpx;
  color: #666666;
  // <!-- 收藏，关注，足迹 -->
  .userinfo-main {
    width    : 90%;
    position : absolute;
    left     : 50%;
    transform: translateX(-50%);
    top      : -40rpx;
    padding-bottom: 100rpx;

    .history-wrap {

      background-color: #ffffff;
      display         : flex;

      navigator {
        flex      : 1;
        text-align: center;
        padding   : 10rpx 0;

        .history-num {
          color: var(--themeColor);
        }
      }
    }
  }

  // <!-- 我的订单 -->
  .orders-wrap {
    margin-top      : 20rpx;
    background-color: #ffffff;

    .orders-title {
      // background-color: #ffffff;
      // border-bottom   : 2px solid #edece8;
      // padding         : 15rpx;
    }

    .orders-content {
      background-color: #ffffff;
      display         : flex;

      navigator {
        flex      : 1;
        padding   : 15rpx 0;
        text-align: center;

        .iconfont {
          color    : var(--themeColor);
          font-size: 40rpx;
        }
      }
    }
  }

  // 收获地址管理
  .address-wrap {
    margin-top: 18rpx;
  }


  .appinfo-wrap {
    margin-top: 18rpx;
    .contact{
      display: flex;
      justify-content: space-between;
    }
  }

  .recommend-wrap {
    margin-top: 18rpx;
  }
}